<script setup lang="ts"></script>

<template>
    <h1 class="title"><span>解决</span>方案</h1>
    <h2 class="small-title">SOLUTION</h2>
    <div class="solution_img">
        <el-row type="flex" class="row-bg">
            <el-col :span="6" class="row-by-a">
                <div class="grid-content bg-purple image-wrapper">
                    <img src="../img/10016.jpg" alt="">
                    <div class="blue-overlay">
                        <div>
                            <h4>工业自动化</h4>
                            <p>工控机方案适用范围：过程控制、数据采集监控、
                                机器视觉、工业机器人、人机界面等等。</p>
                            <a href="#" class="view-more">查看详情 +</a>
                        </div>
                    </div>
                </div>
            </el-col>
            <el-col :span="6" class="row-by-a">
                <div class="grid-content bg-purple-light image-wrapper">
                    <img src="../img/10018.jpg" alt="">
                    <div class="blue-overlay">
                        <div>
                            <h4>机器视觉</h4>
                            <p>工控机机器视觉产品适用范围：视觉控制，视觉检测，机器视觉，工业机器人，可按需定制机器视觉工控机工业电脑等等。</p>
                            <a href="#" class="view-more">查看详情 +</a>
                        </div>
                    </div>
                </div>
            </el-col>
            <el-col :span="6" class="row-by-a">
                <div class="grid-content bg-purple image-wrapper">
                    <img src="../img/10020.jpg" alt="">
                    <div class="blue-overlay">
                        <div>
                            <h4>智能制造</h4>
                            <p>途控电子生产的智能制造工控机，智能制
                                造工业计算机产品适用范围：数控机床、
                                火焰切割机、火花机、激光打标机、数控
                                雕刻机等等行业的解决方案。</p>
                            <a href="#" class="view-more">查看详情 +</a>
                        </div>
                    </div>
                </div>
            </el-col>
            <el-col :span="6" class="row-by-a">
                <div class="grid-content bg-purple image-wrapper">
                    <img src="../img/10022.jpg" alt="">
                    <div class="blue-overlay">
                        <div>
                            <h4>通信自动化</h4>
                            <p>应用场景：PLC-组态软件无线互联，触摸屏无线互联，PLC无线互
                                联，传感器和 PLC， 传感器和触摸屏。PLC 和 PLC 之间的无线通讯
                                铁路运输数据传输等等。</p>
                            <a href="#" class="view-more">查看详情 +</a>
                        </div>
                    </div>
                </div>
            </el-col>
            <el-col :span="6" class="row-by-a">
                <div class="grid-content bg-purple image-wrapper">
                    <img src="../img/10024.jpg" alt="">
                    <div class="blue-overlay">
                        <div>
                            <h4>水利水电</h4>
                            <p>工控机产品适用范围：电力通讯网关、动力环境机柜，变电
                                站监控、故障录波系统、发电厂循环系统、电缆温度监测、
                                电厂循环水系统、励磁控制系统等等。</p>
                            <a href="#" class="view-more">查看详情 +</a>
                        </div>
                    </div>
                </div>
            </el-col>
            <el-col :span="6" class="row-by-a">
                <div class="grid-content bg-purple image-wrapper">
                    <img src="../img/10026.jpg" alt="">
                    <div class="blue-overlay">
                        <div>
                            <h4>智能交通</h4>
                            <p>途控智能交通工控机产品适用范围：车流分析、车辆识别、
                                电子警察、违章抓拍、高速公路收费系统、超载称重系统、
                                无人驾驶车辆、机器视觉智能监控、智能停车场数据采集等
                                等，提供智能交通行业解决方案。</p>
                            <a href="#" class="view-more">查看详情 +</a>
                        </div>
                    </div>
                </div>
            </el-col>
            <el-col :span="6" class="row-by-a">
                <div class="grid-content bg-purple image-wrapper">
                    <img src="../img/10028.jpg" alt="">
                    <div class="blue-overlay">
                        <div>
                            <h4>轨道交通</h4>
                            <p>途控轨道交通工控机产品适用范围：闸机控制、自动售票
                                机、火灾报警系统、综合监控系统、屏蔽门安全系统等等，
                                提供轨道交通工控机行业解决方案。</p>
                            <a href="#" class="view-more">查看详情 +</a>
                        </div>
                    </div>
                </div>
            </el-col>
            <el-col :span="6" class="row-by-a">
                <div class="grid-content bg-purple image-wrapper">
                    <img src="../img/10030.jpg" alt="">
                    <div class="blue-overlay">
                        <div>
                            <h4>智能检测</h4>
                            <p>途控工控机适用于汽车零部件检测、锂电池生产检测、公路桥梁检
                                测、空气检漏仪、非标测试设备、工控机在芯片老化检测、蜂窝载体
                                缺陷自动化检测设备、客车电气绝缘智能检测系统等等，提供智能检
                                测工业计算机解决方案。</p>
                            <a href="#" class="view-more">查看详情 +</a>
                        </div>
                    </div>
                </div>
            </el-col>
        </el-row>
        <!-- 关于我们 -->
        <div class="about_us">
            <div class="image-container">
                <!-- 底层图片 -->
                <img src="../img/10032.jpg" alt="Bottom Image" class="bottom-image">
                <!--阴影覆盖层-->
                <div class="shadow-overlay"></div>
            </div>
            <!--文字覆盖层-->
            <div class="text-overlay">
                <h1>关于我们</h1>
                <h2>ABOUT US</h2>
                <h3>途控智能科技(江苏)有限公司</h3>
                <p>途控智能科技有限公司,自2020年创立以来,便迅速崛起为工控机领
                    域的夜俊者。我们集结了行业内资深的专业人才，他们不仅拥有深厚
                    的行业经验，更具备卓越的技术实力，共同构筑了公司稳固的技术堡
                    垒与人才基石。</p>
            </div>
            <button class="botton-overlay">查看更多 +</button>
        </div>
    </div>
</template>

<style scoped>
@import '../css/containersolution.css';
</style>
